.releaselog{ position: relative; min-height: 100%;}
.releaselog .writing_right{ padding-left: 180px; height: calc(100vh - 210px); position: relative;}
.releaselog .TitleList{ padding: 20px; padding-right: 0;}
.releaselog .TitleList .TitleList_padding{ background: #f1f5fe; position: fixed; right: 30px; top: 62px; width: calc(100% - 324px); padding: 20px 0px; padding-bottom: 12px;}
.releaselog .TitleList .TitleList_top{ background: #fff; border-radius: 4px; padding: 28px;}
.releaselog .TitleList .TitleList_top .TitleList_top_title{ font-size: 18px; color: #22242c; font-weight: bolder; display: flex; align-items: center; margin-bottom: 0;}
.releaselog .TitleList .TitleList_top .TitleList_top_title span{ display: flex; align-items: center; flex-direction: column; justify-content: center; margin-right: 11px;}
.releaselog .TitleList .TitleList_top .TitleList_top_title span::before{ content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 100%; background: #3662eb; margin-bottom: 3px;}
.releaselog .TitleList .TitleList_top .TitleList_top_title span::after{ content: ""; display: inline-block; width: 4px; height: 14px; border-radius: 100px; background: #3662eb; margin-bottom: 3px;}
.releaselog .TitleList .TitleList_top .TitleList_top_txt{ display: flex; margin-top: 20px; justify-content: flex-start;}
.releaselog .TitleList .TitleList_top .TitleList_top_txt .top_txt_list{ margin-right: 10px;}
.releaselog .TitleList .TitleList_top .TitleList_top_txt .top_txt_list:last-child{ margin-right: 0;}
.releaselog .TitleList .TitleList_top .TitleList_top_txt .top_txt_list.search{ display: flex; align-items: center;}
.releaselog .TitleList .TitleList_top .TitleList_top_txt .top_txt_list.search .el-input{ width: auto;}
.releaselog .TitleList .TitleList_top .TitleList_top_txt .top_txt_list.search button{ width: 56px; height: 40px; border-radius: 4px; color: #fff; background: #3662eb; font-size: 13px; border: 0; padding: 0; margin: 0; cursor: pointer; margin-left: 12px;}


.releaselog .myarticles{ background: #fff; border-radius: 4px; padding: 28px 0px; margin-top: 152px; padding-top: 10px;}
.releaselog .myarticles_content .myarticles_content_title{ display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #f2f6fe; padding: 18px 28px;}
.releaselog .myarticles_content .myarticles_content_title .content_title_list{ font-size: 13px; color: #474b5a;}
.releaselog .myarticles_content .myarticles_content_title .content_title_list input{ cursor: pointer; margin: 0; margin-right: 12px;}
.releaselog .myarticles_content .myarticles_content_title .content_title_list:nth-child(1){ width: 5%;}
.releaselog .myarticles_content .myarticles_content_title .content_title_list:nth-child(2){ width: 20%; padding-right: 20px;}
.releaselog .myarticles_content .myarticles_content_title .content_title_list:nth-child(3){ width: 5%;}
.releaselog .myarticles_content .myarticles_content_title .content_title_list:nth-child(4){ width: 10%;}
.releaselog .myarticles_content .myarticles_content_title .content_title_list:nth-child(5){ width: 20%;}
.releaselog .myarticles_content .myarticles_content_title .content_title_list:nth-child(6){ width: 7%;}
.releaselog .myarticles_content .myarticles_content_title .content_title_list:nth-child(7){ width: 7%;}
.releaselog .myarticles_content .myarticles_content_title .content_title_list:nth-child(8){ width: 50px;}
.releaselog .myarticles_content .myarticles_content_tab .content_tab_list{ display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #f2f6fe; font-size: 13px; color: #474b5a; padding: 18px 28px;}
.releaselog .myarticles_content .myarticles_content_tab .content_tab_list .tab_list_li{ line-height: 18px;}
.releaselog .myarticles_content .myarticles_content_tab .content_tab_list .tab_list_li:nth-child(1){ width: 5%;}
.releaselog .myarticles_content .myarticles_content_tab .content_tab_list .tab_list_li:nth-child(2){ width: 20%; padding-right: 20px;}
.releaselog .myarticles_content .myarticles_content_tab .content_tab_list .tab_list_li:nth-child(3){ width: 5%;}
.releaselog .myarticles_content .myarticles_content_tab .content_tab_list .tab_list_li:nth-child(4){ width: 10%;}
.releaselog .myarticles_content .myarticles_content_tab .content_tab_list .tab_list_li:nth-child(5){ width: 20%;}
.releaselog .myarticles_content .myarticles_content_tab .content_tab_list .tab_list_li:nth-child(6){ width: 7%;}
.releaselog .myarticles_content .myarticles_content_tab .content_tab_list .tab_list_li:nth-child(7){ width: 7%;}
.releaselog .myarticles_content .myarticles_content_tab .content_tab_list .tab_list_li:nth-child(8){ width: 50px;}
.releaselog .myarticles_content .myarticles_content_tab .content_tab_list .tab_list_li.operate{ display: flex; align-items: center; justify-content: space-between;}
.releaselog .myarticles_content .myarticles_content_tab .content_tab_list .tab_list_li .list_li_state{ display: flex; align-items: center; font-size: 13px; color: #474b5a;}
.releaselog .myarticles_content .myarticles_content_tab .content_tab_list .tab_list_li .list_li_state span{ display: inline-block; width: 5px; height: 5px; border-radius: 100%; background: #3662eb; margin-right: 10px;}
.releaselog .myarticles_content .myarticles_content_tab .content_tab_list .tab_list_li .list_li_state.on span{ background: #eb7636;}
.releaselog .myarticles_content .myarticles_content_tab .content_tab_list .tab_list_li .list_li_btn{ display: flex; align-items: center; font-size: 13px; color: #3662eb; cursor: pointer;}
.releaselog .myarticles_content .myarticles_content_tab .content_tab_list .tab_list_li .list_li_btn:last-child{ margin-right: 0;}
.releaselog .myarticles_content .myarticles_content_tab .content_tab_list .tab_list_li .list_li_btn img{ width: 15px; margin-right: 8px;}
.releaselog .page{ margin-top: 25px; padding: 0px 28px;}
.releaselog .Preview{ position: fixed; left: 0; top: 0; z-index: 5; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(255,255,255,.55);}
.releaselog .Preview .Preview_content{ width: 578px; background: #fff; border-radius: 10px; box-shadow: 0px 0px 80px rgba(0,0,0,.1); padding: 0px 30px; padding-bottom: 42px;}
.releaselog .Preview .Preview_content .Preview_content_title{ display: flex; align-items: center; justify-content: space-between; padding: 20px 0px; border-bottom: 1px solid #f2f6fe; margin-bottom: 22px;}
.releaselog .Preview .Preview_content .Preview_content_title .content_title_left{ display: flex; align-items: center; font-size: 18px; color: #22242c; font-weight: bolder;}
.releaselog .Preview .Preview_content .Preview_content_title .content_title_left span{ display: flex; align-items: center; flex-direction: column; justify-content: center; margin-right: 11px;}
.releaselog .Preview .Preview_content .Preview_content_title .content_title_left span::before{ content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 100%; background: #3662eb; margin-bottom: 3px;}
.releaselog .Preview .Preview_content .Preview_content_title .content_title_left span::after{ content: ""; display: inline-block; width: 4px; height: 14px; border-radius: 100px; background: #3662eb; margin-bottom: 3px;}
.releaselog .Preview .Preview_content .Preview_content_title .content_title_right i{ font-size: 24px; cursor: pointer; color: #abaeb6;}
.releaselog .Log .Preview_content{ width: 432px;}
.releaselog .Log .Edit_content{ margin-bottom: 0;}
.releaselog .Log .Edit_content .Edit_content_list{ margin-bottom: 25px; display: flex; align-items: center; justify-content: space-between;}
.releaselog .Log .Edit_content .Edit_content_list:last-child{ margin-bottom: 0;}
.releaselog .Log .Edit_content .Edit_content_list .content_list_dd{ width: 100px;font-size: 13px; color: #474b5a;}
.releaselog .Log .Edit_content .Edit_content_list .content_list_dt{ color: #474b5a; font-size: 13px; width: calc(100% - 100px);}
.releaselog .Log .Edit_content .Edit_content_list .content_list_dt span{ display: inline-block; padding: 6px; background: #3662eb; border-radius: 4px; color: #fff;}


@media screen and (max-width:1550px){
    .releaselog .TitleList .TitleList_top .TitleList_top_txt .top_txt_list.time{ width: auto;}
    .releaselog .TitleList .TitleList_top .TitleList_top_txt .top_txt_list.time .el-range-editor.el-input__inner{ width: 280px;}
    .releaselog .TitleList .TitleList_top .TitleList_top_txt .top_txt_list,.releaselog .TitleList .TitleList_top .TitleList_top_txt .top_txt_list.search .el-input{ width: 120px;}
    .releaselog .TitleList .TitleList_top .TitleList_top_txt .top_txt_list.search{ width: auto;}


}







